<template>
  <el-container class="container">
    <el-aside width="230px">
      <left-menu></left-menu>
    </el-aside>
    <el-container >
      <el-header class="headerCon">
        <HeaderMenu></HeaderMenu>
      </el-header>
      <el-main>
        <router-view></router-view>
      </el-main>
    </el-container>
  </el-container>
</template>

<script>

import LeftMenu from '@/components/LeftMenu'
import HeaderMenu from '@/components/HeaderMenu'

export default {
  name: 'HomeView',
  components:{
    LeftMenu,
    HeaderMenu
  }
}
</script>
<style>
    .container{
      width: 100%;
      height: 100%;
      /* 设置当前标签为弹性容器 */
      display: flex;
    }
    .headerCon{
      margin: 0px;
      padding: 0px;
      box-shadow: 0px 3px 5px 1px #00000011;
    }
</style>
